<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title><%= title %></title>
    <style type="text/css">
        body {
            padding-top: 40px;
            padding-bottom: 40px;
        }
    </style>
    <link href="/menu/css/lanrenzhijia.css" type="text/css" rel="stylesheet" />
    <link rel='stylesheet' href='/stylesheets/bootstrap.css' />
    <link href="/stylesheets/bootstrap-responsive.css" rel="stylesheet">
    <link rel="shortcut icon" href="" />
    <link href="/stylesheets/main.css" rel="stylesheet"/>
    <!-->
    <link rel="stylesheet" href="/validform/demo/css/style.css" type="text/css" media="all" />
    <link href="/validform/demo/css/demo.css" type="text/css" rel="stylesheet" />
    <script src="/javascripts/jquery.js"></script>
    <script type="text/javascript" src="/javascripts/ajaxfileupload.js"></script>
    <script type="text/javascript" src="/validform/validform.js"></script>
    <!-->
    <script type="text/javascript" src="/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" src="/ueditor/ueditor.all.js"></script>
    <script src="/javascripts/bootstrap.js"></script>
    <script src="/My97DatePicker/WdatePicker.js"></script>
    <script src="/javascripts/bootstrap-paginator.min.js"></script>
    <script>
        $(function(){

            $("#<%- menu %>").attr('style','color:#c82113;font-size:18px');
        })
    </script>
</head>



<body  style="padding-bottom: 0px;min-width: 1300px">

<div class="navbar navbar-fixed-top" style="margin-bottom: 0px">


    <div style="background-color: #000000;color: white;padding: 5px;text-align: center;">
        <form style="display: inline">
            用户名：<input type="text" style="padding: 0px;margin: 0px;width: 10%">
            密码：<input type="password" style="padding: 0px;margin: 0px;width: 10%">
            <input type="submit" class="btn btn-info btn-small" value="登陆">

        </form>
        <a style="color: white">注册</a>
        <form style="display: inline">
            <input type="text" style="padding: 0px;margin: 0px;width: 10%">
            <input type="submit" value="搜索" class="btn btn-small btn-success">
        </form>
    </div>

</div>
<div id="container" class="container" style="position: relative">
    <% if (success) { %>
    <div id="warn1" class="alert alert-success" style="position:fixed;top: 40px;width:83%;z-index: 100" >
        <!--<button style="margin-top: 5px" type="button" class="close" data-dismiss="alert">&times;</button>-->
        <h4><%= success %></h4>
    </div>
    <% } %>
    <% if (error) { %>
    <div id="warn2" class="alert alert-error" style="position:fixed;top: 40px;width:83%;z-index: 100" >
        <!--<button style="margin-top: 5px" type="button" class="close" data-dismiss="alert">&times;</button>-->
        <h4><%= error %></h4>
    </div>
    <% } %>

    <script>
        setTimeout(function(){
            $("#warn1").fadeOut();
            $("#warn2").fadeOut();
        },4000)
    </script>
    <% Date.prototype.format = function (fmt) { //author: meizz
        var o = {
            "M+": this.getMonth() + 1, //月份
            "d+": this.getDate(), //日
            "h+": this.getHours(), //小时
            "m+": this.getMinutes(), //分
            "s+": this.getSeconds(), //秒
            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
            "S": this.getMilliseconds() //毫秒
        };
        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;

    }%>
</div>

<div style="background-color: #f1f1f1">
    <div style="margin-left: 10%;margin-right: 10%;">
        <img src="/images/title.jpg" width="100%">

        <div style="background-color: #8b0e12;height: 50px;text-align: center">
            <div class="nav" style="padding-left: 9%;width: 930px;">
                <ul>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com" class="selected2"><span>首页</span></a>
                    </li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>培训动态</span></a>
                        <ul class="submenu" style="padding-left: 6px;">
                            <li><a href="show_dig.html">诗赋擂台</a></li>
                        </ul>
                    </li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>培训资讯</span></a></li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>在线学习</span></a></li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>大师之家</span></a>
                        <ul class="submenu">
                            <li><a href="plan_spreed.html" style="padding-left: 6px;t">赵庄各矿业公司培训中心</a></li>
                            <li><a href="plan_list.html" style="padding-left: 6px;">社团比拼</a></li>
                            <li><a href="plan_list.html" style="padding-left: 6px;">诗友互动</a></li>
                        </ul>
                    </li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>政策文件</span></a></li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>课件超市</span></a></li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>培训机构</span></a></li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>留言板</span></a>
                        <ul class="submenu">
                            <li><a href="http://www.lanrenzhijia.com" style="padding-left: 6px;">自编诗集</a></li>
                            <li><a href="http://www.lanrenzhijia.com" style="padding-left: 6px;">刊物阅读</a></li>
                            <li><a href="http://www.lanrenzhijia.com" style="padding-left: 6px;">诗赋欣赏</a></li>
                        </ul>
                    </li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>培训管理</span></a></li>
                    <li class="drop-menu-effect"><a href="http://www.lanrenzhijia.com"><span>网站管理</span></a></li>
                </ul>
            </div>
        </div>
        <div class="row-fluid clearfix" style="margin-top:1%;background-color: #f2f2f2">
            <div class="span6 column ui-sortable">
                <div id="myCarousel" class="carousel slide" style="height:360px;width:550px;">
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                    </ol>
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                        <div class="active item"><img src="/images/img1.jpg"/>

                            <div class="carousel-caption" contenteditable="true">
                                <h4>棒球</h4>

                                <p>棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。</p>
                            </div>
                        </div>
                        <div class="item"><img src="/images/img2.jpg"/>

                            <div class="carousel-caption" contenteditable="true">
                                <h4>冲浪</h4>

                                <p>冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。</p>
                            </div>
                        </div>
                    </div>
                    <!-- Carousel nav -->
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                </div>
            </div>
            <div class="span6 column ui-sortable" style="padding-left:2%;">
                <b style="font-size: 18px;font-family: '微软雅黑';">培训动态</b><br/><br/>

                <div style="float:left;margin-right:10px;background:#E5B6B6;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><p>2014-11</p><b style="font-size: 28px;margin-top:2px">25</b></span>
                </div>
                <div style="font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">11月19日，开滦集团副总经理常文杰到仓矿公司检查指导工作。常文杰深入到井下1118工作面进行了实地检查，对下一步安全生产工作提出了</span>
                </div>

                <div style="float:left;margin-right:10px;background:#E5B6B6;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><p>2014-11</p><b style="font-size: 28px;margin-top:2px">25</b></span>
                </div>
                <div style="font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">11月19日，开滦集团副总经理常文杰到仓矿公司检查指导工作。常文杰深入到井下1118工作面进行了实地检查，对下一步安全生产工作提出了</span>
                </div>

                <div style="float:left;margin-right:10px;background:#E5B6B6;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><p>2014-11</p><b style="font-size: 28px;margin-top:2px">25</b></span>
                </div>
                <div style="font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">11月19日，开滦集团副总经理常文杰到仓矿公司检查指导工作。常文杰深入到井下1118工作面进行了实地检查，对下一步安全生产工作提出了</span>
                </div>

                <div style="float:left;margin-right:10px;background:#E5B6B6;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><p>2014-11</p><b style="font-size: 28px;margin-top:2px">25</b></span>
                </div>
                <div style="font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">11月19日，开滦集团副总经理常文杰到仓矿公司检查指导工作。常文杰深入到井下1118工作面进行了实地检查，对下一步安全生产工作提出了</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="background-color: #FFFAFA">
    <div class="container" style="padding-top: 25px;padding-left: 10%;padding-right: 10%">
        <div class="span4 column ui-sortable" style="margin-left: 0;margin-right: 3%;">
            <div style="background-color: #f1f1f1;width: 100%;line-height: 45px;">
                <div style="float: left;width:33%;font-size: 18px;margin-right:10px;background-color:#6EA748;color: #fff;font-family: '微软雅黑';text-align: center;">
                    培训咨询
                </div>
                <span style="font-size: 18px;font-family: '微软雅黑';">成果展示</span>
            </div>
            <ul style="padding: 20px 5px 0px 10px;font-size: 13px;font-family: '微软雅黑';">
                <li style="margin-bottom: 7px;">
                    <img src="/images/huiyi.jpg" style="margin-right:5px; "/>

                    <div style="float: right;width: 210px;height: 90px;"><p><b>随着切尔西在客场5比0大胜沙尔克04，穆里尼奥</b></p>

                        <div style="padding-right: 10px;float: right">11-26</div>
                    </div>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <a src="#" style="float: right">更多></a>
            </ul>
        </div>
        <div class="span4 column ui-sortable" style="margin-left: 0;margin-right: 5px;">
            <div style="background-color: #f1f1f1;width: 100%;line-height: 45px;">
                <div style="float: left;width:33%;font-size: 18px;margin-right:10px;background-color:#6EA748;color: #fff;font-family: '微软雅黑';text-align: center;">
                    培训咨询
                </div>
                <span style="font-size: 18px;font-family: '微软雅黑';">政策文件</span>
            </div>
            <ul style="padding: 20px 5px 0px 10px;font-size: 13px;font-family: '微软雅黑';">
                <li style="margin-bottom: 7px;"><img src="/images/huiyi.jpg" style="margin-right:5px; "/>

                    <div style="float: right;width: 210px;height: 90px;"><p><b>随着切尔西在客场5比0大胜沙尔克04，穆里尼奥</b></p>

                        <div style="padding-right: 10px;float: right">11-26</div>
                    </div>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <li style="margin-bottom: 7px;">随着切尔西在客场5比0大胜沙尔克04，穆里尼奥<span style="padding-right: 10px;float: right">11-26</span>
                </li>
                <a src="#" style="float: right">更多></a>
            </ul>
        </div>
        <div class="span3 column ui-sortable" style="">
            <div class="zaixianandxinxi"
                 style="margin-bottom: 40px;background-color: #f1f1f1;width: 100%;line-height: 45px;">
                <a>
                    <div class="active"
                         style="float: left;background-color:#000;color:#fff;width:50%;font-size: 18px;font-family: '微软雅黑';text-align: center;">
                        在线学习
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:50%;font-size: 18px;background-color:#f1f1f1;font-family: '微软雅黑';text-align: center;">
                        供求信息
                    </div>
                </a>
            </div>
            <ul style="padding: 10px;border:3px solid #f1f1f1;background-color:#fff;font-size: 13px;font-family: '微软雅黑';">
                <li style="margin-bottom: 7px;">
                    <div style="float: left;margin-right: 20px;"><img src="/images/video.jpg"></div>
                    <div style="line-height: 33px;"><p style="font-size: 15px;font-family: '微软雅黑';height: 25px;">
                            井下电气作业</p>赵各庄矿<input type="button" value="学习>" style="margin-top:5px;float:right;font-size: 12px;font-family: '微软雅黑';color:#fff;padding:0px;width:50px;height:22px;background-color:#6EA748;border:1px solid #6EA748;">
                    </div>
                </li>
                <li style="margin-bottom: 7px;">
                    <div style="float: left;margin-right: 20px;"><img src="/images/video.jpg"></div>
                    <div style="line-height: 33px;"><p style="font-size: 15px;font-family: '微软雅黑';height: 25px;">
                            井下电气作业</p>赵各庄矿<input type="button" value="学习>" style="margin-top:5px;float:right;font-size: 12px;font-family: '微软雅黑';color:#fff;padding:0px;width:50px;height:22px;background-color:#6EA748;border:1px solid #6EA748;">
                    </div>
                </li>
                <li style="margin-bottom: 7px;">
                    <div style="float: left;margin-right: 20px;"><img src="/images/video.jpg"></div>
                    <div style="line-height: 33px;"><p style="font-size: 15px;font-family: '微软雅黑';height: 25px;">
                            井下电气作业</p>赵各庄矿<input type="button" value="学习>" style="margin-top:5px;float:right;font-size: 12px;font-family: '微软雅黑';color:#fff;padding:0px;width:50px;height:22px;background-color:#6EA748;border:1px solid #6EA748;">
                    </div>
                </li>
                <li style="margin-bottom: 20px;">
                    <div style="float: left;margin-right: 20px;"><img src="/images/video.jpg"></div>
                    <div style="line-height: 33px;"><p style="font-size: 15px;font-family: '微软雅黑';height: 25px;">
                            井下电气作业</p>赵各庄矿<input type="button" value="学习>" style="margin-top:5px;float:right;font-size: 12px;font-family: '微软雅黑';color:#fff;padding:0px;width:50px;height:22px;background-color:#6EA748;border:1px solid #6EA748;">
                    </div>
                    <a src="#" style="float: right" style="margin-top: 5px;">更多></a>
                </li>

            </ul>
        </div>
    </div>
</div>
<div style="background-color: #f1f1f1">
    <div class="container" style="padding-top: 25px;padding-left: 10%;padding-right: 10%">
        <div class="span8 column ui-sortable" style="margin-left: 0;margin-right: 3%;padding-bottom: 15px;">
            <div style="background-color: #E6995B;line-height: 45px;padding: 1px;height: 45px;">
                <span style="margin-right:15px;margin-left:15px;font-size: 18px;font-family: '微软雅黑';color: #fff">课件搜索</span>
                <input type="text" style="margin-bottom: 6px;height: 20px;margin-right: 10px;width: 40%">
                <input type="submit" value="搜索"
                       style="font-size: 16px;font-family: '微软雅黑';color:#fff;padding:0px;width:95px;height:30px;margin-bottom:5px;background-color:#D97338;border:1px solid #D97338;">
            </div>
            <div class="kejian"
                 style="margin-top:15px;margin-bottom: 40px;background-color: #fff;width: 100%;line-height: 45px;">
                <a>
                    <div class=""
                         style="float: left;background-color:#E6995B;color:#fff;width:25%;font-size: 18px;font-family: '微软雅黑';text-align: center;">
                        管理课件
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:25%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        技术课件
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:25%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        安全课件
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:25%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        其他课件
                    </div>
                </a>
            </div>
            <div style="margin-top: 75px;padding: 5px;">
                <div style="float: left;text-align: center;margin-right: 20px;"><img src="/images/video_kejian.jpg"
                                                                                     style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
                <div style="float: left;text-align: center;margin-right: 20px;"><img src="/images/video_kejian.jpg"
                                                                                     style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
                <div style="float: left;text-align: center;margin-right: 20px;"><img src="/images/video_kejian.jpg"
                                                                                     style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
                <div style="float: left;text-align: center;margin-right: 20px;"><img src="/images/video_kejian.jpg"
                                                                                     style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
                <div style="float: left;text-align: center;"><img src="/images/ppt_kejian.png"
                                                                  style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
                <div style="float: left;text-align: center;margin-right: 20px;margin-top: 20px"><img
                            src="/images/video_kejian.jpg" style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
                <div style="float: left;text-align: center;margin-right: 20px;margin-top: 20px"><img
                            src="/images/ppt_kejian.png" style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
                <div style="float: left;text-align: center;margin-right: 20px;margin-top: 20px"><img
                            src="/images/ppt_kejian.png" style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
                <div style="float: left;text-align: center;margin-right: 20px;margin-top: 20px"><img
                            src="/images/video_kejian.jpg" style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
                <div style="float: left;text-align: center;margin-top: 20px"><img src="/images/video_kejian.jpg"
                                                                                  style="margin-bottom: 5px;"><br><span
                            style="font-family: '微软雅黑';">企业战略管理</span></div>
            </div>
        </div>
        <div class="span3 column ui-sortable" style="background-color:#fff;margin-left: 0;">
            <div style="margin-bottom: 15px;background-color: #E6995B;width: 100%;line-height: 45px;">
                <span style="margin-left: 6%;font-family: '微软雅黑';font-size: 18px;color: #fff;">培训机构</span>
            </div>
            <ul style="font-size: 13px;font-family: '微软雅黑';margin-left: 6%;padding-bottom: 15px;">
                <li>
                    <div id="myCarousel1" class="carousel slide" style="height:80px;width:240px;">
                        <ul class="carousel-indicators">
                            <li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
                            <li data-target="#myCarousel1" data-slide-to="1"></li>
                            <li data-target="#myCarousel1" data-slide-to="2"></li>
                            <li data-target="#myCarousel1" data-slide-to="3"></li>
                        </ul>
                        <!-- Carousel items -->
                        <div class="carousel-inner">
                            <div class="active item"><img src="/images/danwei01.jpg"/>
                            </div>
                            <div class="item"><img src="/images/danwei02.jpg"/>
                            </div>
                            <div class="item"><img src="/images/danwei03.jpg"/>
                            </div>
                            <div class="item"><img src="/images/danwei04.jpg"/>
                            </div>
                        </div>
                        <!-- Carousel nav -->
                    </div>
                </li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>开滦安全培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>赵各庄矿业公司培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>唐山矿业公司培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>乐欢坨矿业公司培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>开滦安全培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>赵各庄矿业公司培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>唐山矿业公司培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>乐欢坨矿业公司培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>开滦安全培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>赵各庄矿业公司培训中心</li>
                <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/>唐山矿业公司培训中心</li>
            </ul>
        </div>
    </div>
</div>
<div style="background-color: #FAFAFA">
    <div class="container" style="padding-top: 25px;padding-left: 10%;padding-right: 10%">
        <div class="span8 column ui-sortable" style="width: 790px;margin-left: 0;margin-right: 15px;padding-bottom: 15px;">
            <div class="danwei1"
                 style="margin-bottom: 40px;background-color: #fff;width: 100%;line-height: 45px;height:45px;margin-bottom: 15px;">
                <a>
                    <div class=""
                         style="float: left;background-color:#148F8F;color:#fff;width:12.5%;font-size: 18px;font-family: '微软雅黑';text-align: center;">
                        煤业公司
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        开滦股份
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        国际物流
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        物资公司
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        多经事业部
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        服务分公司
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        煤业公司
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        开滦股份
                    </div>
                </a>
            </div>

            <div style="margin-top: 15px;">
                <div style="float:left;margin-right:10px;background:#B4CAB5;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><div style="margin-bottom: 7px;">2014-11</div><b
                                style="font-size: 28px;margin-top:2px">25</b></span></div>
                <div style="margin-right:40px;float:left;width:37%;font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;height: 65px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">煤业公司</span></div>

                <div style="float:left;margin-right:10px;background:#B4CAB5;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><div style="margin-bottom: 7px;">2014-11</div><b
                                style="font-size: 28px;margin-top:2px">25</b></span></div>
                <div style="float:left;width:37%;font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;height: 65px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">煤业公司</span></div>

                <div style="float:left;margin-right:10px;background:#B4CAB5;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><div style="margin-bottom: 7px;">2014-11</div><b
                                style="font-size: 28px;margin-top:2px">25</b></span></div>
                <div style="margin-right:40px;float:left;width:37%;font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;height: 65px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">煤业公司</span></div>

                <div style="float:left;margin-right:10px;background:#B4CAB5;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><div style="margin-bottom: 7px;">2014-11</div><b
                                style="font-size: 28px;margin-top:2px">25</b></span></div>
                <div style="float:left;width:37%;font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;height: 65px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">煤业公司</span></div>
            </div>
            <div class="danwei2"
                 style="margin-top:200px;background-color: #fff;width: 100%;line-height: 45px;height:45px;margin-bottom: 15px;">
                <a>
                    <div class=""
                         style="float: left;background-color:#148F8F;color:#fff;width:12.5%;font-size: 18px;font-family: '微软雅黑';text-align: center;">
                        煤业公司
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        开滦股份
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        国际物流
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        物资公司
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        多经事业部
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        服务分公司
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        煤业公司
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        开滦股份
                    </div>
                </a>
            </div>

            <div style="margin-top: 15px;">
                <div style="float:left;margin-right:10px;background:#B4CAB5;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><div style="margin-bottom: 7px;">2014-11</div><b
                                style="font-size: 28px;margin-top:2px">25</b></span></div>
                <div style="margin-right:40px;float:left;width:37%;font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;height: 65px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">煤业公司</span></div>

                <div style="float:left;margin-right:10px;background:#B4CAB5;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><div style="margin-bottom: 7px;">2014-11</div><b
                                style="font-size: 28px;margin-top:2px">25</b></span></div>
                <div style="float:left;width:37%;font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;height: 65px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">煤业公司</span></div>

                <div style="float:left;margin-right:10px;background:#B4CAB5;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><div style="margin-bottom: 7px;">2014-11</div><b
                                style="font-size: 28px;margin-top:2px">25</b></span></div>
                <div style="margin-right:40px;float:left;width:37%;font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;height: 65px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">煤业公司</span></div>

                <div style="float:left;margin-right:10px;background:#B4CAB5;width: 65px;height: 65px;margin-top:5px;text-align:center">
                    <span style="color:white;"><div style="margin-bottom: 7px;">2014-11</div><b
                                style="font-size: 28px;margin-top:2px">25</b></span></div>
                <div style="float:left;width:37%;font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;height: 65px;">
                    <sapn><b>开滦集团副总经理常文杰到仓矿公司检查指导工作</b></sapn>
                    <br/><span style="font-size: 13px;color:#949494;font-family: '微软雅黑';">煤业公司</span></div>
            </div>

        </div>

        <div class="span3 column ui-sortable" style="background-color:#fff;margin-left: 0;">
            <div style="margin-bottom: 15px;background-color: #148F8D;width: 100%;line-height: 45px;">
                <span style="margin-left: 6%;font-family: '微软雅黑';font-size: 18px;color: #fff;">单位链接</span>
            </div>
            <div style="font-size: 13px;font-family: '微软雅黑';margin-left: 6%;padding-bottom: 15px;">
                <div style="margin-bottom: 5px;"><img src="/images/danweilianjie.jpg" style="margin-bottom: 10px;"></div>
                <div style="margin-bottom: 5px;"><img src="/images/danweilianjie.jpg" style="margin-bottom: 10px;"></div>
                <div style="margin-bottom: 10px;font-family: '微软雅黑';font-size: 15px;float: left">煤业公司</div>
                <div style="padding-left: 130px;margin-bottom: 10px;">国际物流</div>
                <div style="margin-bottom: 10px;font-family: '微软雅黑';font-size: 15px;float: left">开滦股份</div>
                <div style="padding-left: 130px;margin-bottom: 10px;">物资公司</div>
                <div style="margin-bottom: 10px;font-family: '微软雅黑';font-size: 15px;float: left">国际物流</div>
                <div style="padding-left: 130px;margin-bottom: 10px;">员工健康保健中心</div>
                <div style="margin-bottom: 10px;font-family: '微软雅黑';font-size: 15px;float: left">物资公司</div>
                <div style="padding-left: 130px;margin-bottom: 10px;">煤业公司</div>
                <div style="margin-bottom: 10px;font-family: '微软雅黑';font-size: 15px;float: left">多经事业部</div>
                <div style="padding-left: 130px;margin-bottom: 10px;">开滦股份</div>
                <div style="margin-bottom: 10px;font-family: '微软雅黑';font-size: 15px;float: left">服务分公司</div>
                <div style="padding-left: 130px;margin-bottom: 10px;">国际物流</div>
                <div style="margin-bottom: 10;font-family: '微软雅黑';font-size: 15px;float: left">煤业公司</div>
                <div style="padding-left: 130px;margin-bottom: 10px;">物资公司</div>
                <div style="margin-bottom: 10px;font-family: '微软雅黑';font-size: 15px;float: left">开滦股份</div>
                <div style="padding-left: 130px;margin-bottom: 10px;">多经事业部</div>
            </div>
        </div>
    </div>
</div>
<div style="background-color: #f1f1f1">
    <div class="container" style="padding-top: 25px;padding-left: 10%;padding-right: 10%">
        <div class="span12 column ui-sortable" style="margin-left: 0;padding-bottom: 15px;">
            <div style="font-family: '微软雅黑';font-size: 18px;background-color: #8D1014;color: #fff;width: 10%;height: 45;line-height: 45px;text-align: center">
                软件下载
            </div>
            <div style="padding: 10px;margin-top: 15px;width: 90%;margin-bottom: 15px;">
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
                <div style="float: left;text-align: center"><p style="height: 80px;"><img src="/images/qq.png"
                                                                                          style="margin: 11px;"></p>QQ
                </div>
            </div>
        </div>
    </div>
</div>
<div style="background-color: #f1f1f1">
    <div class="container" style="padding-top: 25px;padding-left: 10%;padding-right: 10%;padding-bottom: 30px;">
        <div class="span12 column ui-sortable" style="margin-left: 0;padding-bottom: 15px;">
            <div style="font-family: '微软雅黑';font-size: 18px;background-color: #8D1014;color: #fff;width: 10%;height: 45;line-height: 45px;text-align: center">
                友情链接
            </div>
            <div style="padding: 10px;margin-top: 15px;width: 90%;margin-bottom: 15px;">
                <div style="float: left;"><img src="/images/sina.png" style="margin: 11px;"></div>
                <div style="float: left;"><img src="/images/sina.png" style="margin: 11px;"></div>
                <div style="float: left;"><img src="/images/sina.png" style="margin: 11px;"></div>
                <div style="float: left;"><img src="/images/sina.png" style="margin: 11px;"></div>
                <div style="float: left;"><img src="/images/sina.png" style="margin: 11px;"></div>
                <div style="float: left;"><img src="/images/sina.png" style="margin: 11px;"></div>
            </div>
        </div>
    </div>
</div>
<div style="background-color: #000;height:150px;padding-top:50px;text-align: center;font-family: '微软雅黑';font-size: 15px;color: #ffffff">
    <span>主办方开滦集团人力资源部</span><br>
    <span>服务邮箱：zrbpxk@kailuan.com.cn</span>
</div>
</body>
</html>
<script>
    $(function () {
        $('.zaixianandxinxi div').click(function (e) {
            $('.zaixianandxinxi div').css("background-color", "#f1f1f1");
            $('.zaixianandxinxi div').css("color", "#000");

            $(this).addClass('active');
            $(this).css("background-color", "#000");
            $(this).css("color", "#fff");
        });
    });
    $(function () {
        $('.kejian div').click(function (e) {
            $('.kejian div').css("background-color", "#fff");
            $('.kejian div').css("color", "#000");

            $(this).addClass('active');
            $(this).css("background-color", "#E6995B");
            $(this).css("color", "#fff");
        });
    });
    $(function () {
        $('.danwei1 div').click(function (e) {
            $('.danwei1 div').css("background-color", "#fff");
            $('.danwei1 div').css("color", "#000");

            $(this).addClass('active');
            $(this).css("background-color", "#148F8F");
            $(this).css("color", "#fff");
        });
    });
    $(function () {
        $('.danwei2 div').click(function (e) {
            $('.danwei2 div').css("background-color", "#fff");
            $('.danwei2 div').css("color", "#000");

            $(this).addClass('active');
            $(this).css("background-color", "#148F8F");
            $(this).css("color", "#fff");
        });
    });
    function dropMenu(obj) {
        $(obj).each(function () {
            var theSpan = $(this);
            var theMenu = theSpan.find(".submenu");
            var tarHeight = theMenu.height();
            theMenu.css({height: 0, opacity: 0});
            var t1;

            function expand() {
                clearTimeout(t1);
                theSpan.find('a').addClass("selected");
                theMenu.stop().show().animate({height: tarHeight, opacity: 1}, 200);
            }

            function collapse() {
                clearTimeout(t1);
                t1 = setTimeout(function () {
                    theSpan.find('a').removeClass("selected");
                    theMenu.stop().animate({height: 0, opacity: 0}, 200, function () {
                        $(this).css({display: "none"});
                    });
                }, 250);
            }

            theSpan.hover(expand, collapse);
            theMenu.hover(expand, collapse);
        });
    }
    $(document).ready(function () {

        dropMenu(".drop-menu-effect");

    });
</script>
